<template>
	<view>
		<view class="avatar">
			<u-upload
					:fileList="fileList1"
					@afterRead="afterRead"
					@delete="deletePic"
					name="1"
					multiple
					:maxCount="10"
				>
				<u-avatar :src="src" size="100"></u-avatar>
				</u-upload>
			
			<p style="font-size: 32;padding-top: 10rpx;">风萧萧兮</p>
		</view>
		<view class="inputs">
			<u--form labelPosition="left" :model="model1" ref="uForm" :label-width="80">
				<u-form-item label="我的昵称" prop="name" borderBottom ref="item1" >
					<u--input v-model="userInfo.name" border="none" inputAlign="right" color="white"></u--input>
				</u-form-item>
				<u-form-item label="邮箱" prop="email" borderBottom ref="item1" >
					<u--input v-model="userInfo.email" border="none" inputAlign="right" color="white"></u--input>
				</u-form-item>
			</u--form>
		</view>
		<!-- <Tabbar :current="'4'"></Tabbar> -->
	</view>
</template>

<script>
// import Tabbar from '../../components/tabbar/tabbar.vue'
	export default {
		data() {
			return {
				fileList1: [],
				src:'/static/carousel/batmanvssuperman.png',
				model1: "",
				userInfo: {
					name: '风萧萧兮',
					email:'1534847647@qq.com'
				},
			};
		},
		onShow() {
		
		},
		methods: {
			deletePic(event){
				this[`fileList${event.name}`].splice(event.index, 1)
			},
			afterRead(){
				
			}
		}
	}
</script>

<style>
page{
	background: linear-gradient(to bottom,#06041F,#06041F);
	color: white;
}	
.avatar{
	padding-top: 50rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.inputs{
	margin: 0 auto;
	width: 80%;
}

</style>
